import React from 'react'
import store from '../store'

// 类组件  this.setState
store.subscribe(() => {
    console.log(123)
})

const change = () => {
    // dispatch中第一个参数必须一个对象, 对象中必须有一个type属性
    // 只要执行dispatch函数，就会让reducer重修执行一次
    store.dispatch({ type: "CHANG_NAME" })
}

export default function About() {
  return (
    <div>
        我的名字叫: { store.getState().name }
        <div>
            <button onClick={ change }>修改名称</button>
        </div>
    </div>
  )
}
